body {
	background:#EEE;
	width:100%;
	height:100%;
	overflow:hidden;
}



/* BUTTONS & FORMS */
form code, .FakeForm code {/* primarily used for ajax-replys and system-messages */
	word-wrap:break-word;
	display:block;
	clear:both;
	color:rgba(0,0,0, 0.7);
} form code:first-child, .FakeForm code:first-child {
	margin-bottom:0.6em;
	padding:0 0.2em;
} form code.AjaxSend, .FakeForm code.AjaxSend {
	color:#800;
	padding:0.5em 0;
} form code.AjaxSend:before, .FakeForm code.AjaxSend:before {
	content:'Debug-info: ';
}

form, .FakeForm {
	position:relative; width:100%;
	background-color:rgba(220,220,220, 1.0);
	padding:1.0em;
	font-size:11px; line-height:1.2em; font-family:'Verdana','Arial','sans-serif';
	overflow:hidden;/* Used as a fix for floating-errors */
}
	form h1,form h2,form h3,form h4,form h5,form h6,
	.FakeForm h1,.FakeForm h2,.FakeForm h3,.FakeForm h4,.FakeForm h5,.FakeForm h6 {
		font-size:1.5em; line-height:1em; letter-spacing:0px;
		margin:0;padding:0 0 0.2em 0;
	} form h1,.FakeForm h1 {
		font-size:2.0em; font-weight:bold;
	}
	
	label,
	input[type="file"],
	input[type="password"],input[type="url"],input[type="email"],input[type="number"],input[type="search"],
	input[type="date"],input[type="time"],input[type="range"],input[type="color"],
	input[type="text"],
	select,textarea, form iframe {
		width:100%;
	}
	fieldset {
		padding:0.2em 0.7em 0.5em 0.8em;
		margin:1.0em 0;
		background-color:rgba(0,0,0, 0.05);
	}

	form hr,.FakeForm hr { margin:0.7em 0 0.6em 0; }

:focus {  }
:disabled { opacity:0.6 !important; user-select:none !important; cursor:default !important; }




button, .button, .Button,
input:not([type="radio"]):not([type="checkbox"]),input *,select,textarea {
	-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none;
} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none; display:none;
}


.Round1, form, .FakeForm {
	border:1px solid rgba(0,0,0, 0.6); border-radius:10px; }

.Round2, fieldset {
	border:1px solid rgba(0,0,0, 0.6); border-radius:7px; }

.Round3, button, .button, .Button,
input,select,textarea,form iframe {
	border:1px solid rgba(0,0,0, 0.6); border-radius:5px; }

.Round4 {
	border:1px solid rgba(0,0,0, 0.6); border-radius:3px; }


button, .button, .Button,
input:not([type="radio"]):not([type="checkbox"]),input *,select,textarea {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	height:1.6em;line-height:1.4em;
	font-size:12px;
} 	select, textarea, form iframe, input[type="number"] {
		border-top-right-radius:2px; border-bottom-right-radius:2px;
		padding-right:0px;
	} textarea, form iframe {
		min-height:10em;
		resize:none;
		overflow-y:scroll;
		vertical-align:top;
	} input[type="file"] {/*will be hidden by JS*/
		border:none;border-radius:0;
	} select {
		background-image: url('GFX01.png');/* Arrow-img */
		background-position:right -73px;
		background-repeat:no-repeat;
	}


form .Required, form .Required .Required {
	text-indent:12px;
} form .Required:before {
	content:" ";
	position:absolute; top:-1px;left:-2px;
	width:14px;height:14px;
	background-image: url('GFX01.png');/* Required-img */
	background-position:-9px -9px;
	background-color:none;
} form fieldset.Required:before {
	top:-1px;left:0.3em;
} form .Valid:before {
	background-position:-41px -9px;
} form .Valid, form .Valid * {
	/*border-color:rgba(0,128,0, 1.0);*/
} form .Valid input, form .Valid select, form .Valid .Button {
	color:rgba(0,128,0, 1.0) !important;
} form .Indent.Required:before {
	left:15px;
}


	fieldset legend {
		font-weight:bold; font-size:1.2em; line-height:1em;
		margin:0px 0px 0px 5px;
		padding:0px 5px 1px 4px;
		letter-spacing:1px;
		color:rgba(0,0,0, 0.9);
	}
	
	fieldset aside {
		font-size:90%;
	}



label.Indent {
	padding-left:1.5em;
} input[type="radio"],input[type="checkbox"] {
	display:block;box-sizing:border-box;overflow:visible;
	position:absolute;top:-1px;left:0;
	padding:0;margin:0; height:1.2em; width:1.2em;
} input[type="checkbox"] {
	font-size:120%;
} @-moz-document url-prefix() {/* FireFox only! */
	input[type="checkbox"] { top:-2px; }
}


label {
	margin:0.5em 0;
	text-indent:0.1em;
} label span.LabelHint {
	display:block;
	position:absolute; right:3px;top:0.3em;
	font-size:9px; line-height:9px; color:rgba(128,128,128, 1.0);
} label span.DateHint {
	display:block;
	position:absolute; right:7px;bottom:0.5em;
	font-style:italic;
	font-size:9px; line-height:9px; color:rgba(0,0,255, 0.6);
} label span.PS {
	display:block;
	font-style:italic;
	font-size:9px; line-height:9px;
}
	.Half1 {
		width:48%;
		float:left;clear:left;
	} .Half2 {
		width:48%;
		float:right;clear:right;
	}
	
	.Third1 {
		width:30%;
		float:left;clear:left;
	} .Third2 {
		width:30%;margin-left:5%;
		float:left;clear:none;
	} .Third3 {
		width:30%;
		float:right;clear:right;
	}
	
	.Half1,.Half2,.Third1,.Third2,.Third3 {
		margin-top:0.0em;
	} .Half2+label,.Third3+label {
		margin-top:1.0em;
	} .Half2+hr,.Third3+hr,.Half2+p,.Third3+p {
		margin-top:4.0em;
	}
	
	fieldset legend+.Half1,fieldset legend+.Half1+.Half2,
	fieldset legend+.Third1,fieldset legend+.Third1+.Third2,fieldset legend+.Third1+.Third2+.Third3 {
		margin-top:0.5em;
	}
	



/* SPECIAL FOLDING-ACTION ... see also in Ajaxify.css & NO_JS.css */
.Toggleable {
	margin:10px 0; overflow:visible;
}

.Toggler {/* basic settings for folding-button */
	position:relative;z-index:1;padding:0;
	min-height:24px;min-width:24px;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none;
	user-select:none;

} 

	.Toggler.Image {
		position:absolute;top:-32px;
		width:32px;height:32px;margin:0;
		border:0;border-radius:0;
		background:none;/*background:#FF0;*/
		background-image:url('GFX01.png');
		background-repeat:no-repeat;
		background-position:-2px -2px;
		
	} .Toggler.Image,.Toggler.Image:hover,.Toggler.Image:active,.Toggler.Image:focus {
		box-shadow:none !important;
	} .Toggler.Image:hover {
		background-position:-2px -34px;
	}








/* GENERAL CLICKABLE STUFF */
button, .button, .Button,
input[type="submit"], input[type="button"], input[type="reset"],
select {
	color:rgba(0,0,0, 0.6) !important;
	background-color:rgba(225,225,225, 1.0);
	padding:0 0.7em;
	
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
} @-moz-document url-prefix() {/* FireFox only! */
	select { padding:0.20em 0.25em 0.2em 0.5em; }
}

input[type="submit"] { float:right; }


/* WRITABLE STUFF */
form iframe,
textarea,
input[type="text"],
input[type="search"],input[type="url"],input[type="email"],
input[type="number"],input[type="password"],
input[type="date"],input[type="time"],input[type="range"],input[type="color"] {
	background-color:rgba(255,255,255, 0.5);
	padding-left:0.5em;
}


	/* OUTSET SHADOWS NORMAL */
	.ShadowOut, form,.FakeForm,
	button, .button, .Button,
	input[type="submit"], input[type="button"], input[type="reset"],
	select
	{ box-shadow:
		1px 1px 2px 0px rgba(0,0,0, 0.2),
		inset -1px -1px 1px 0px rgba(0,0,0, 0.4),
		inset 1px 1px 1px 0px rgba(255,255,255, 0.75)
	; }

	/* OUTSET SHADOWS HOVER ( :hover ) */
	button:hover:not(:disabled), .button:hover:not(:disabled), .Button:hover:not(:disabled),
	input[type="submit"]:hover:not(:disabled), input[type="button"]:hover:not(:disabled),
	input[type="reset"]:hover:not(:disabled),input[type="file"]:hover:not(:disabled),
	select:hover:not(:disabled)
	{ box-shadow:
		2px 2px 2px 0px rgba(0,0,0, 0.2),
		inset -1px -1px 2px 0px rgba(0,0,0, 0.7),
		inset 1px 1px 2px 1px rgba(255,255,255, 0.9)
	!important; }
	
	/* OUTSET SHADOWS FOCUS ( :focus ) */
	button:focus, .button:focus, .Button:focus,
	input[type="submit"]:focus, input[type="button"]:focus,
	input[type="reset"]:focus,input[type="file"]:focus,
	input[type="radio"]:focus,input[type="checkbox"]:focus,
	select:focus
	{ box-shadow:
		0px 0px 4px 2px rgba(255,255,255, 1.0),
		inset -1px -1px 1px 0px rgba(0,0,0, 0.4),
		inset 1px 1px 1px 0px rgba(255,255,255, 0.7)
	!important; }
	
	/* OUTSET SHADOWS ACTIVE  ( :active ) */
	button:active:not(:disabled), .button:active:not(:disabled), .Button:active:not(:disabled),
	input[type="submit"]:active:not(:disabled), input[type="button"]:active:not(:disabled),
	input[type="reset"]:active:not(:disabled),input[type="file"]:active:not(:disabled),
	select:active:not(:disabled)
	{ box-shadow:
		0px 0px 4px 2px rgba(255,255,255, 1.0),
		inset 1px 1px 2px 1px rgba(0,0,0, 0.5),
		inset 1px 1px 7px 4px rgba(0,0,0, 0.2)
	!important; }




	/* INSET SHADOWS NORMAL */
	.ShadowIn, form iframe,
	input[type="text"], input[type="email"],
	input[type="url"], input[type="password"],
	textarea, input[type="search"]
	{ box-shadow:
		inset 1px 1px 2px 0px rgba(0,0,0, 0.3),
		inset -1px -1px 2px 0px rgba(255,255,255, 0.3)
	!important; }
	
	/* INSET SHADOWS FOCUS */
	input[type="text"]:focus, input[type="email"]:focus,
	input[type="url"]:focus, input[type="password"]:focus,
	textarea:focus, input[type="search"]:focus
	{ box-shadow:
		0px 0px 4px 2px rgba(255,255,255, 1.0),
		inset 1px 1px 2px 0px rgba(0,0,0, 0.4),
		inset -1px -1px 2px 0px rgba(255,255,255, 0.4)
	!important; }

	
	/* DROP SHADOWS */
	.ShadowDrop
	{ box-shadow:
		3px 3px 3px -1px rgba(0,0,0, 0.4)
	}




